<template>
  <div id="" style="height:96vh; overflow-y:scroll;">
    <headerbox :headerTitle="'行程'" :hasBack='true' :publish='true' @publishActive="publishEvent"></headerbox>
    <div class="acBackgrounImg" :style="{backgroundImage:'url('+require('@/assets/activityImage/add_photo1.png')+')'}">
      <img src="" alt="">
    </div>
    <ul class="formList mb10">
      <li>
        <span>活动主题</span>
        <input type="text" name="" v-model="name" placeholder="请输入活动主题">
      </li>
      <li>
        <span>报名开始</span>
        <input type="text" name="" v-model="name" placeholder="请选择开始日期">
      </li>
      <li>
        <span>报名截止</span>
        <input type="text" name="" v-model="name" placeholder="请选择截止日期">
      </li>
      <li>
        <span>活动开始</span>
        <input type="text" name="" v-model="name" placeholder="请选择开始日期">
      </li>
      <li>
        <span>活动结束</span>
        <input type="text" name="" v-model="name" placeholder="请选择结束日期">
      </li>
    </ul>
    <ul class="formList mb10">
      <li>
        <span>活动描述</span>
        <textarea name="" rows="5" placeholder="请输入活动描述"></textarea>
      </li>
      <li>
        <span>活动人数</span>
        <input type="text" name="" v-model="name" placeholder="请输入活动人数">
      </li>
      <li>
        <span>活动地址</span>
        <input type="text" name="" v-model="name" placeholder="请输入活动地址">
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "",
  data: () => ({
    name:''
  }),
  components: {
  },
  methods: {
    // 发布
    publishEvent(data) {

    }
  }
}
</script>
<style lang="scss" scoped>
.acBackgrounImg{
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center;
  height: 160px;
  border-bottom: 1px solid $borderColor;
}

</style>
